@charset "utf-8";
.banner-container{width: 100%;position: relative;}
.banner{width: 100%;}
.banner-picwords{width: 100%;}
.banner-pic{width: 100%;height: 100%;overflow: hidden;}
.banner-pic img{width: 100%;height: 100%;object-fit: cover;}
.banner-pic img{width: 100%;height: 100%;object-fit: cover;transform: matrix(1.0, 0, 0, 1.0, 0, 0);-webkit-transition: all 0.4s ease 1.2s;-moz-transition: all 0.4s ease 1.2s;-ms-transition: all 0.4s ease 1.2s;-o-transition: all 0.4s ease 1.2s;transition: all 0.4s ease 1.2s;}
.swiper-slide-active .banner-pic img {transition-delay: 0.4s !important;transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transition: all 5s ease;-moz-transition: all 5s ease;-ms-transition: all 5s ease;-o-transition: all 5s ease;transition: all 5s ease;}
.banner-pic .banner-pc{display: block;}
.banner-words{position: absolute;width: 100%;left: 0;top: 45%;transform: translate(0,-50%);z-index: 2;text-align: center;}
.banner-words h4{font-size: 44px;color: #fff;font-family: 'Microsoft YaHei';font-weight: bold;}
.banner-words h5{font-size: 18px;color: #fff;font-family: 'Microsoft YaHei';margin-top: 20px;}
.banner-words h5 span{border: 1px solid #fff; padding: 6px 35px;border-radius: 30px;margin: 0 10px;display: inline-block;}
.swiper-slide-active .banner-words h4{animation: bannerWordsdown 1.2s ease both 600ms;}
.swiper-slide-active .banner-words h5{animation: bannerWordsup 1.2s ease both 900ms;}

.banner-prev,.banner-next{position: absolute;z-index: 4;top: 50%;width: 40px;height: 60px;margin-top: -30px;cursor: pointer;user-select: none;transition: all .3s ease-in-out;}
.banner-prev{left: 15px;background: rgba(0, 0, 0, .3) url('../images/banL.png') no-repeat center center;}
.banner-next{right: 15px;background: rgba(0, 0, 0, .3) url('../images/banR.png') no-repeat center center;}
.banner-prev:hover,.banner-next:hover{background-color: rgba(0, 129, 204, 1);}
.banner .swiper-pagination{bottom: 20px;}
.banner .swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #0081cc;opacity: 0.8;vertical-align: middle;position: relative;}
.banner .swiper-pagination-bullet:after{content: "";width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #0081cc;border-radius: 100%;margin-top: -10px;margin-left: -10px;opacity: 0;transform: scale(0);transition: all .5s;}
.banner .swiper-pagination-bullet-active {opacity: 1;}
.banner .swiper-pagination-bullet-active:after {opacity: 1;transform: scale(1);}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 16px;}

/* 产品 */
.products-container{width: 100%;padding: 80px 0 50px 0;}
.products{width: 1600px;margin: 0 auto;}
.pro_pic{width: 100%;margin-top: 40px;}
.pro_list{width: 100%;height: auto;padding: 3%;padding-bottom: 0;background: #f5f5f5;border-radius: 5px;overflow: hidden;transition: all .4s ease-out;}
.pro_list .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.pro_list .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;display: block;transition: all .4s ease-out;}
.pro_list .text{width: 100%;padding: 0 5px;overflow: hidden;}
.pro_list .text h5{line-height: 50px;color: #444;font-size: 16px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .4s ease-out;}
.pro_list:hover{background: #0081cc;}
.pro_list:hover .img img{transform: scale(1.1);}
.pro_list:hover .text h5{color: #fff;}
.pro_pic .swiper-container{padding-bottom: 50px!important;}
.pro_pic .swiper-pagination{bottom: 10px;}
.pro_pic .swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #0081cc;opacity: 0.8;vertical-align: middle;position: relative;}
.pro_pic .swiper-pagination-bullet:after{content: "";width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #0081cc;border-radius: 100%;margin-top: -10px;margin-left: -10px;opacity: 0;transform: scale(0);transition: all .5s;}
.pro_pic .swiper-pagination-bullet-active {opacity: 1;}
.pro_pic .swiper-pagination-bullet-active:after {opacity: 1;transform: scale(1);}
.pro_pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 16px;}

/* 品牌实力 */
.pinpai-container{width: 100%;padding: 80px 0 80px 0;background-size: cover;/* height: 847px; */background-position: center!important;}
.pinpai{width: 1600px;margin: 0 auto;}
.pinpai_center{width: 100%;margin-top: 0px;}
.pinpai_center .about_kr_text{padding-top: 30px;color: #ffffff;font-size: 18px;line-height: 40px;text-align: center;}
.pinpai_center ul{width: 100%;height: auto;overflow: hidden;}
.pinpai_center ul li{width: 25%;float: left;border-right: 1px dashed #b4d6f6;text-align: center;}
.pinpai_center ul li h5{font-size: 30px;color: #fff;font-family: 'impact';}
.pinpai_center ul li h5 span{font-size: 50px;color: #fff;font-family: 'impact';}
.pinpai_center ul li h6{font-size: 18px;color: #fff;}
.pinpai_center ul li:last-child{border-right: 0px;}
.video_click{display: block;width: 100%;height: auto;overflow: hidden;margin: 40px 0;cursor: pointer;}
.video_click h5{width: 82px;height: 82px;overflow: hidden;margin: 0 auto;}
.video_click h6{font-size: 16px;color: #fff;text-align: center;padding-top: 10px;}
.video_click h6 span{border-bottom: 1px solid #fff;display: inline-block;}

/*视频插件--视频窗口*/
.media-modal{width:100%;height:100%;background:rgba(0,0,0,.3);position:fixed;top:0px;left:0px;z-index:9999;display:none;opacity:0;}
.media-modal .mediaModal-contain{width:720px;height:480px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.5);position:absolute;top:50%;left:50%;margin:-240px 0 0 -360px;display:none;}
.mediaModal-contain .mediaModal-box,
.mediaModal-contain video,
.mediaModal-contain .mejs-container,
.mediaModal-contain .mejs-overlay-play,
.mediaModal-contain .mejs-poster,
.mediaModal-contain .mejs-layers,
.mediaModal-contain .mejs-overlay{width:100% !important;height:100% !important;}
.mediaModal-contain .close{display:block;width:32px;height:32px;background:url(../js/media/icon-close.png) no-repeat center center / cover;position:absolute;right:5px;top:5px;z-index:2;opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.mediaModal-contain:hover .close{opacity:1;}
@media all and (max-width:1000px){.mediaModal-contain .close{opacity:1;}.media-modal .mediaModal-contain{width:94%;left:3%;margin-left:0;}}

/* 核心优势 */
.core_container{width: 100%;padding: 100px 0 80px 0;}
.core{width: 100%;height: auto;padding: 30px 0;overflow: hidden;}
.core_list{width: 100%;height: auto;}
.core_list .img{width: 100%;height: 356px;overflow: hidden;}
.core_list .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-out;}
.core_list:hover .img img{transform: scale(1.1);}
.core_list .text{width: 100%;height: 120px;background-color: #f5f5f5;padding: 30px;position: relative;}
.core_list .text h5{font-size: 18px;color: #444;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.core_list .text h6{font-size: 16px;color: #888;font-weight: normal;padding-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.core_list .text i{position: absolute;right: 20px;bottom: 40px;width: 19px;height:8px;background: url("../images/pro_jian4.png") no-repeat center center;}
.core_list:hover .text i{background: url("../images/pro_jian3.png") no-repeat center center;} 
.core_list:hover .text{background-color: #0081cc;}
.core_list:hover .text h5{color: #fff;}
.core_list:hover .text h6{color: #fff;}
.core .swiper-container{padding-bottom: 50px!important;}
.core .swiper-pagination{bottom: 10px;}
.core .swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #bbb;opacity: 0.8;vertical-align: middle;position: relative;}
.core .swiper-pagination-bullet:after{content: "";width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #5abbda;border-radius: 100%;margin-top: -10px;margin-left: -10px;opacity: 0;}
.core .swiper-pagination-bullet-active {width: 6px;height: 6px;opacity: 1;position: relative;background: #5abbda;}
.core .swiper-pagination-bullet-active:after {opacity: 1;}
.core .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 16px;}

/* 经典案例 */
.case-container{width: 100%;background-size: cover!important;height: 100%;background-position: center!important;padding: 80px 0 50px;}
.case{width: 1600px;margin: 0 auto;}
.case-center{width: 100%;height: auto;margin-top: 50px;}
.case-center .swiper-container{padding-bottom: 50px!important;}
.case-center .swiper-pagination{bottom: 10px;}
.case-center .swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #fff;opacity: 0.8;vertical-align: middle;position: relative;transition: all .5s;}
.case-center .swiper-pagination-bullet:after{content: "";width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #fff;border-radius: 100%;margin-top: -10px;margin-left: -10px;opacity: 0;transform: scale(0);transition: all .5s;}
.case-center .swiper-pagination-bullet-active {opacity: 1;}
.case-center .swiper-pagination-bullet-active:after {opacity: 1;transform: scale(1);}
.case-center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 16px;}
.case_list{width: 100%;height: auto;overflow: hidden;}
.case_list ul{margin-left: -2%;}
.case_list ul li{width: 23%;margin-left: 2%;background-color: #fff;border-radius: 3px;margin-bottom: 2%;overflow: hidden;padding: 15px;float: left;}
.case_list ul li .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.case_list ul li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;display: block;transition: all .4s ease-out;}
.case_list ul li:hover .img img{transform: scale(1.1);}
.case_list ul li .text{width: 100%;height: auto;padding: 15px 0 5px 0;overflow: hidden;}
.case_list ul li .text h5{height: 30px;line-height: 30px;font-size: 16px;color: #444;padding-right: 19px;background: url("../images/pro_jian4.png") right no-repeat;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .4s ease-out;}
.case_list ul li .text h6{line-height: 30px;font-size: 14px;color: #999;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;padding-top: 5px;}
.case_list ul li:hover .text h5{color: #0081cc;background: url("../images/pro_jian5.png") right no-repeat;} 
.case_list ul li:first-child{width: 48%;}

/* 新闻中心 */
.news-container{width: 100%;padding: 80px 0 80px 0;}
.news{width: 1600px;margin: 0 auto;}
.news-title{width: 100%;height: auto;overflow: hidden;text-align: center;margin-top: 20px;}
.news-title ul li{display: inline-block;font-size: 16px;color: #888;font-weight: normal;padding: 0 20px;cursor: pointer;transition: all .4s ease-out;}
.news-title ul li:hover,.news-title ul li.cur{color: #0081cc;}
.news-title ul a{text-align: center;padding: 0 20px;font-size: 16px;color: #888;font-weight: normal;}
.news-title ul a:hover{color: #0081cc;}
.news-list{display: none;/* margin-bottom: 40px; */}
.news-list.active{display: block;animation: hideIndex .5s;-moz-animation: hideIndex .5s;-webkit-animation: hideIndex .5s;-o-animation: hideIndex .5s;}
.news-center{width: 100%;margin-top: 50px;overflow: hidden;}
.news-left{width: 50%;float: left;height: auto;overflow: hidden;padding-right: 10px;}
.news-left .img{width: 100%;height: 456px;overflow: hidden;}
.news-left .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-out;}
.news-left:hover .img img{transform: scale(1.1);}
.news-left .text{width: 100%;background-color: #f5f5f5;padding: 30px;position: relative;}
.news-left .text h5{font-size: 18px;color: #444;padding-right: 100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height: 30px;line-height: 30px;transition: all .4s ease-out;}
.news-left .text h6{font-size: 14px;color: #999;line-height: 30px;height: 90px;padding-right: 100px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.news-left:hover .text h5{color: #0081cc;}
.news-time{width: 90px;height: 90px;background-color: #0081cc;padding: 8px;font-size: 38px;color: #fff;text-align: center;position: absolute;right: 30px;top: 30px;}
.news-time span{display: block;font-size: 12px;color: #fff;text-align: center;}
.news-right{width: 50%;float: left;padding-left: 10px;overflow: hidden;}
.news-right ul li{width: 100%;height: auto;margin-bottom: 3px;background-color: #f5f5f5;padding: 32px;overflow: hidden;}
.news-right ul li .text{width: 66%;float: left;padding-right: 30px;overflow: hidden;}
.news-right ul li .text h4{font-size: 18px;color: #444;height: 30px;line-height: 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .4s ease-out;}
.news-right ul li .text h5{font-size: 14px;color: #888;line-height: 30px;height: 60px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 15px 0;}
.news-right ul li .text h6{font-size: 14px;color: #555;font-family: 'Arial';}
.news-right ul li:hover .text h4{color: #0081cc;}
.news-right ul li .img{width: 34%;float: left;height: 146px;overflow: hidden;}
.news-right ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-out;}
.news-right ul li:hover .img img{transform: scale(1.1);}
.news-video{width: 100%;margin-top: 50px;overflow: hidden;}
.news-video ul{margin-left: -2%;} 
.news-video ul li{margin-left: 2%;float: left;margin-bottom: 2%;position: relative;height: 319px;width: 31.333%;overflow: hidden;}
.news-video ul li img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-out;}
.news-video ul li:hover img{transform: scale(1.1);}
.news-video ul li i{position: absolute;width: 42px;height: 42px;left: 50%;top: 50%;margin-left: -21px;margin-top: -21px;background: url("../images/video2.png") no-repeat center center;}
.news-video ul li p{position: absolute;width: 100%;font-size: 20px;color: #fff;bottom: 1px;text-align: center;}
.news-more{width: 140px;background-color: #0081cc;border-radius: 30px;height: 44px;line-height: 44px;color: #fff;font-size: 14px;
margin: 0 auto;margin-top: 30px;transition: all .4s ease-out;}
.news-more:hover{background-color: #5abbda;}
.news-more a{display: block;text-align: center;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .products{width: 92%;}
    .pinpai{width: 92%;}
    .case{width: 92%;}
    .news{width: 92%;}
    .products-container,.core_container,.news-container{padding: 80px 0 60px 0;}
    .core_list .img{height: 300px;}
    .pinpai-container{/* height: 800px; */}
    .news-video ul li{height: 290px;}
   
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .pinpai_center ul li h5 span{font-size: 80px;}
    .core_list .img{height: 265px;}
    .pinpai-container{/* height: 750px; */}
    .news-left .img{height: 380px;}
    .news-right ul li{padding: 22px;}
    .news-right ul li .img{height: 141px;}
    .news-video ul li{height: 260px;}

    
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .products-container{padding: 80px 0 50px 0;}
    .pinpai_center ul li h5 span{font-size: 60px;}
    .pinpai_center ul li h6 {font-size: 16px;}
    .pinpai-container{/* height: 720px; */}
    .products-container,.core_container,.news-container{padding: 50px 0;}
    .core_list .img{height: 250px;}
    .core_list .text h6{font-size: 14px;font-weight: normal;}
    .news-title ul li{padding: 0 15px;}
    .news-title ul a{padding: 0 15px;}
    .news-video ul li{height: 246px;}

    
    
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    
    .pinpai_center ul li h5 span{font-size: 50px;}
    .pinpai_center ul li h6 {font-size: 14px;}
    .pinpai-container{/* height: 700px; */}
    .core_list .img{height: 234px;}
    .news-title ul li{font-size: 14px;}
    .news-title ul a{font-size: 14px;}

    .news-left .img{height: 335px;}
    .news-right ul li{padding: 20px;}
    .news-right ul li .img{height: 130px;}
    .news-right ul li .text h5{line-height: 24px;height: 49px;}
    .news-video ul li{height: 232px;}
    

}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .banner-words h4{font-size: 36px;}
    .banner-words h5{font-size: 14px;margin-top: 15px;}
    .banner-words h5 span{ padding: 6px 30px;border-radius: 30px;}
    .products-container{padding: 60px 0 30px 0;}
    .core_list .img{height: 210px;}
    .pinpai-container{/* height: 670px; */}

    .news-title ul li {padding: 0 10px;}
    .news-title ul a {padding: 0 10px;}
    .news-video ul li{height: 208px;}
    
}
@media screen and (max-width: 1200px){
	.pinpai_center .about_kr_text {padding-top: 20px;font-size: 16px;line-height: 30px;}
}
@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .news-title ul li{text-align: center;padding: 0 5px;font-size: 12px;}
    .news-title ul a{font-size: 12px;padding: 0 5px;}

}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 360移动终端以上 */
    .banner-prev, .banner-next{display: none;}
    .banner-words h4{font-size: 18px;}
    .banner-words h5{font-size: 12px;margin-top: 10px;}
    .banner-words h5 span{ padding: 6px 10px;border-radius: 30px;margin: 5px 5px;}

    .banner .swiper-pagination{bottom: 3px;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;}

    .products-container,.core_container{padding: 30px 0;}
    .pro_pic{margin-top: 20px;}
    .pro_list .text h5{line-height: 40px;font-size: 14px;}

    .pinpai-container{height: auto;padding: 50px 0;background-size: cover!important;}
	.pinpai_center .about_kr_text{padding-top: 30px;font-size: 15px;line-height: 26px;text-align: justify;}
    .pinpai_center ul li{width: 50%;float: left;border-right: 0;text-align: center;margin-bottom: 20px;}
    .pinpai_center ul li h5{font-size: 20px;color: #fff;font-family: 'impact';}
    .pinpai_center ul li h5 span{font-size: 40px;color: #fff;font-family: 'impact';font-weight: bold;}
    .pinpai_center ul li h6{font-size: 13px;color: #fff;}

    .pinpai_center ul li:nth-child(2n){border-right: 0px;}

    .core_container{width: 92%;margin: 0 auto;}
    .core_list .img{height: auto;}
    .core_list .img img{height: auto;}
    .core_list .text{padding: 10px;height: 100px;}
    .core_list .text h5{font-size: 16px;font-weight: normal;}
    .core_list .text i{bottom: 10px;}

	.case-container{padding: 50px 0 20px;}
    .case-center{margin-top: 30px;}
    .case_list ul li{width: 48%;margin-bottom: 10px;overflow: hidden;padding: 10px;}
    .case_list ul li .img{height: 100px;}
    .case_list ul li .text{padding: 10px 0 0px 0;overflow: hidden;}
    .case_list ul li .text h5{font-size: 14px;color: #444;padding-right: 15px;}
    .case_list ul li .text h6{line-height: 30px;font-size: 12px;padding-top: 5px;}
    .case_list ul li:first-child{width: 98%;}
    .case_list ul li:first-child .img{width: 100%;height: auto;overflow: hidden;}
    
    .news-container{padding: 30px 0;}
    .news-title{margin-top: 10px;}
    .news-center{margin-top: 30px;}
    .news-left{width: 100%;padding-right: 0px;margin-bottom: 10px;}
    .news-left .img{height: auto;}
    .news-left .text{padding: 10px;}
    .news-time{width: 60px;height: 60px;right: 10px;font-size: 20px;padding: 5px;}
    .news-left .text h5{font-size: 16px;padding-right: 70px;height: 24px;line-height: 24px;}
    .news-left .text h6{font-size: 12px;color: #999;line-height: 22px;height:76px;padding-right: 70px;padding-top: 10px;}

    .news-right{width: 100%;padding-left: 0px;}
    .news-right ul li{margin-bottom: 3px;padding: 10px;}
    .news-right ul li .text{width: 66%;float: left;padding-right: 10px;overflow: hidden;}
    .news-right ul li .text h4{font-size: 16px;color: #444;height: 30px;line-height: 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
    .news-right ul li .text h5{font-size: 12px;color: #888;line-height: 22px;height: 44px;margin: 4px 0;}
    .news-right ul li .text h6{font-size: 14px;color: #555;font-family: 'Arial';}
    .news-right ul li:hover .text h4{color: #5abbda;}
    .news-right ul li .img{width: 34%;float: left;height: 101px;overflow: hidden;}
  

    .news-video{margin-top: 30px;}
    .news-video ul{margin-left: 0%;} 
    .news-video ul li{margin-left: 0;margin-bottom: 2%;height: auto;width: 100%;}
    .news-video ul li p{font-size: 14px;bottom:10px}

    .pro_pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;}
    .core .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;}
    .case-center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;}


}
.news-video >ul>li>a>p
{
	background:black;opacity: 0.8;
}

.contain-1400 {
    max-width: 98%;
    margin: 0 auto;
}
.indpro{width: 100%;background: #f5f5f5;padding: 80px 0 40px 0;}
.indpro-menu{width: 100%;font-size: 0;text-align: center;margin: 30px 0 46px;user-select: none;}
.indpro-menu li{display: inline-block;vertical-align: top;border-bottom: 1px solid #d9e0ea;padding: 0 34px;}
.indpro-menu li:first-child{padding-left: 0;}
.indpro-menu li:last-child{padding-right: 0;}
.indpro-menu-link{height: 48px;display: block;position: relative;}
.indpro-menu-link i, .indpro-menu-link span{display: inline-block;vertical-align: middle;height: 28px;line-height: 28px;}
.indpro-menu-link span{font-size: 18px;color: #444;font-weight: 700;margin-left: 12px;transition: all .4s ease;}
.indpro-menu-link::after{content: "";position: absolute;width: 0%;height: 2px;background: #1d2088;left: 0;bottom: -1px;right: 0;margin: 0 auto;transition: all .4s ease;}
.indpro-menu-link.active span, .indpro-menu-link:hover span{color: #1d2088;}
.indpro-menu-link.active::after{width: 100%;}
.indpro-loop{width: 100%;}
.indpro-items{width: 100%;display: none;}
.indpro-items.active{display: block;animation: hideIndex .5s;-moz-animation: hideIndex .5s;-webkit-animation: hideIndex .5s;-o-animation: hideIndex .5s;}
@keyframes hideIndex{0%{ opacity: 0; transform: translateY(50px) }100%{opacity: 1; transform: translateY(0) }}
.indpro-ul{margin: -2% 0 0 -2%;}
.indpro-link{display: block;align-items: center;position: relative;transition: all .4s ease;margin: 2% 0 0 2%;justify-content: center;width: 31.3333%;float: left;background: #fff;box-shadow: 0 2px 12px 2px rgba(29, 32, 136, 0.1);    overflow: hidden;}
.indpro-link .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.indpro-link .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;display: block;transition: all .6s ease;}
.indpro-cont{position: absolute;transform: scale(0.8);opacity: 0;transition: all .6s ease;z-index: 4;width: 92%;padding: 0 20px;height: 90%;background: rgba(30, 112, 196, 0.80);display: flex;flex-direction: column;justify-content: center;text-align: center;color: #fff;}
.indpro-cont h2{font-size: 18px;font-weight: 700;margin-bottom: 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.indpro-cont p{font-size: 16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.indpro-link:hover .indpro-cont{transform: scale(1);opacity: 1;}

.indpro-ul .text {
    padding: 20px;
    background-color: #f5f5f5;
    overflow: hidden;
}

.indpro-ul .text h6 {
	height:30px;
	line-height:30px;
	font-size:16px;
	color:#444;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	background:url('../images/pro_jian4.png') right center no-repeat;
	padding-right:20px;
	transition: all .4s ease;
}
.indpro-ul:hover .text h6 {
	color: #0081cc;
	background:url('../images/pro_jian5.png') right center no-repeat
}

.indpro-link img:hover {
	transform:scale(1.1)
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .indban-cont h2 {font-size: 32px;}
    .indban-cont p {font-size: 18px;}
    .indban-img img.pc{min-height: 400px;}
    @keyframes banCont {0% {transform: translateY(80px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
    .indtab-link p {font-size: 14px;line-height: 22px;}
    .indser-ul{height: auto;margin-top: 1px;}
    .indser {padding: 68px 0;}
    .indser-list {margin-top: 44px;}
    .indser-link{width: 50%;margin-top: -1px;}
    .indpro-menu li {padding: 0 12px;}
    .indpro-menu-link {height: 42px;}
    .indpro-link{width: 48%;}
    .indpro-cont {width: 94%;padding: 16px 20px;height: auto;bottom: 0%;opacity: 1;transform: scale(1);}
    .indrel-cont{width: 100%;}
    .indrel-rel {margin-left: 0;width: 100%;margin: 20px 0;}
    .indget-rel{width: 100%;}
    .indget-cont{width: 100%;padding-left: 0;margin: 20px 0;}
    .indget-input{max-width: 360px;}
    .indget-img{left: auto;right: 0;}
    .indnews-main{width: 100%;}
    .indnews-items{width: 100%;margin-top: 20px;}
    .indcall-img {width: 100px;left: 20px;}
    .indcall {padding: 0px 20px 0 144px;}
    .indcall-cont h2 {font-size: 20px;}
    .indnews {padding-bottom: 68px;}
    .indnews-main img{height: 240px;}
    .indapp-cont h2 a, .indapp-cont h2 span{display: block;}
    .indapp-cont h2 span{margin-left: 0;margin-top: 8px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .indban-img img.pc{display: none;}
    .indban-img img.mb{display: block;min-height: 300px;}
    .indban-cont {padding-bottom: 0;}
    .indban-cont h2 {font-size: 22px;margin-bottom: 6px;}
    .indban-cont p {font-size: 14px;}
    .indtab {margin-top: 20px;}
    .indtab-link{width: 50%;}
    .indtab-link:nth-child(2n):after {display: none;}
    .indtab-link::before {content: "";position: absolute;width: 100%;height: 1px;bottom: 0;right: 0;background: #2d30a4;}
    .indtab-link p {font-size: 13px;line-height: 21px;}
    .indtab-link:nth-last-child(1)::before, .indtab-link:nth-last-child(2)::before{display: none;}
    .indtab-link h2 {font-size: 16px;margin: 12px 0 8px;}
    .indtab-link i {height: 32px;}
    .indtab-link {height: 162px;}
    .indTitle h2 {font-size: 22px;line-height: 1.32;}
    .indTitle p {font-size: 16px;margin: 12px 0;line-height: 22px;}
    .indTitle i {width: 48px;}
    .indser-img h2 {font-size: 16px;}
    .indser-cont {padding: 0 12px;height: 200px;}
    .indser-cont p {font-size: 13px;line-height: 21px;}
    .indser-img{height: 132px;}
    .indser-list {margin-top: 32px;}
    .indser {padding: 40px 0;}
    .indpro {padding: 40px 0;}
    .indpro-menu {margin: 18px 0 32px;}
    .indpro-menu-link span {font-size: 16px;margin-left: 8px;}
    .indpro-menu-link {height: 38px;}
    .indpro-menu li{width: 50%;margin: 0;margin-top: 12px;text-align: center;}
    .indpro-menu{text-align: left;}
    .indpro-link{height: auto;}
    .indpro-cont h2 {font-size: 15px;margin-bottom: 4px;}
    .indpro-cont {padding: 3px 12px;}
    .indpro-cont p{font-size: 13px;}
    .indpro-link img {max-width: 100%;    height: auto;;}

    .indget, .indrel {padding: 36px 0 20px;}
    .indrel-img, .indget-img{position: static;width: 100%;text-align: center;}
    .indrel-img img, .indget-img img{max-width: 200px;}
    .indrel-cont h2, .indget-cont h2 {font-size: 22px;margin-bottom: 6px;}
    .indrel-rel h6, .indget-rel h6 {font-size: 22px;padding-left: 40px;}
    .indrel-rel, .indget-cont{margin: 16px 0 24px;}
    .indcase {padding: 40px 0;}
    .indcase-loop{margin-top: 32px;}
    .indcase-cont{padding-left: 0 24px;}
    .indapp {padding: 40px 0 28px;}
    .indapp-img{width: 100%;}
    .indapp-cont, .indapp-img img{height: auto;}
    .indapp-cont{width: 100%;padding: 24px 20px;}
    .indapp-cont h2 a, .indapp-cont h2 span {font-size: 20px;}
    .indget-input {max-width: 100%;padding-left: 0;}
    .indpar {padding: 40px 0;}
    .indpar-loop {margin-top: 32px;}
    .indpar-link{height: 100px;}
    .indmix {padding-top: 40px;}
    .indnews {padding-bottom: 32px;}
    .indnews-list, .indnews-imglink img, .indnews-main img{height: auto;}
    .indnews-main img{height: 180px;}
    .indnews-main-title p, .indnews-imglink-cont p{margin-top: 10px;}
    .indnews-main-cont, .indnews-imglink-cont {padding: 24px 20px;}
    .indnews-imglink{width: 100%;}
    .indnews-list{width: 100%;padding: 24px 20px;}
    .indcall-cont h2 {font-size: 18px;line-height: 1.32;}
    .indcall {padding: 32px 20px 140px;}
    .indcall-img{right: 0;}
    .indcall-cont, .indcall-call{height: auto;}
    .indcall-call{position: absolute;z-index: 2;right: 20px;bottom: 40px;}
	
	.indpro-ul .text {padding: 5px;}
	.indpro-ul .text h6 {font-size: 14px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .contain-1400, .contain{width: 92%;}
    .Container-wrapper{margin-top: 60px;}
    
    .Footer-wrapper .contain-1400{width: 100%;}
    .Footer-contact li {height: 100px;width: 100% !important;padding: 0 4%;}
    .Footer-contact li::after {width: 100%;height: 1px;right: 0;top: auto;bottom: 0;margin-top: 0;}
    .Footer-items{padding: 32px 0;}
    .Footer-logo{width: 100%;text-align: center;}
    .Footer-navbar{width: 100%;margin-top: 20px;}
    .Footer-navbar ul{display: block;}
    .Footer-navbar li{width: 100%;position: relative;}
    .Footer-menu{height: 40px;line-height: 40px;padding: 0 4%;position: relative;font-size: 16px;}
    .Footer-menu::after{content: "";width: 44px;height: 40px;position: absolute;z-index: 2;right: 0;top: 0;background: url('../images/arrowDownHover.svg') no-repeat center /16px auto;}
    .Footer-menu.active::after{transform: rotate(180deg);}
    .Footer-drop{margin-top: 0;background: #161616;padding: 8px 0;display: none;}
    .Footer-drop a{width: 100%;padding: 5px 4%;color: #fff;}
    .Footer-navbar li.Footer-drop-code{text-align: center;}
    .Footer-navbar li.Footer-drop-code .Footer-menu::after{display: none;}
    .Footer-code{margin: 10px 0 0;}
    .Footer-code img{margin-top: 0;}
    .Footer-copyright {padding: 16px 0;}
    .Footer-copyright h6{font-size: 12px;line-height: 24px;width: 100%;text-align: center;}
    .Footer-copyright-icon{width: 94%;margin: 0 auto;}
    .Footer-copyright-icon a{margin-left: 4px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
}